$(document).ready(function() {
	$("#table-div").jtable({
		title : "Table of People",
		sorting : true, // Enable sorting
		defaultSorting : 'Customer Name ASC', // Set default sorting
		actions : {
			listAction : "CrudServlet?action=list",
			createAction : "CrudServlet?action=create",
			updateAction : "CrudServlet?action=update",
			deleteAction : "CrudServlet?action=delete",
		},
		fields : {
			id : {
				key : true,
				list : false
			},
			name : {
				title : "Customer Name",
				width : "30%"
			},
			email : {
				title : "Email",
				width : "30%"
			},
			phone : {
				title : "Phone",
				width : "20%",
				edit : true,
				create : true
			},
			city : {
				title : "City",
				width : "20%"
			}
		},
		paging : true,
		pageSize : 10
	});
	$("#table-div").jtable("load");
});